本文代码测试要求,最新的chrome浏览器(手机APP),并且要允许chrome拍照录像权限,必须要HTTPS协议,http不支持。 原理:调用摄像头,将摄像头返回的媒体流渲染到视频标签中,再通过c ...
本文代码测试要求,最新的chrome浏览器(手机APP),并且要允许chrome拍照录像权限,必须要HTTPS协议,http不支持。 原理:调用摄像头,将摄像头返回的媒体流渲染到视频标签中,再通过c ...
奇葩需求啥时候都会有,最近有个需求是不允许浏览器回退,但是所有页面都是超链接跳转,于是乎脑壳没转弯就回答了做不到,结果尼玛被打脸了,这打脸的声音太响,终于静下心来看了下history api。 先上 ...
同步发布:https://blog.jijian.link/2020-04-14/svg-arc/ 由于功能受限,此处不能放 iframe 嵌入链接,如需看到实时效果,请移步 https://blo ...
同步发布:https://blog.jijian.link/2020-04-05/canvas-get-color/ 由于功能受限,此处不能放 iframe 嵌入链接,如需看到实时效果,请移步 ht ...
主要运用H5的媒体接口API,MDN文档: navigator.mediaDevices(新版API),Navigator.getUserMedia(旧版API,不建议使用,但某些浏览器还支持),本 ...
本方法两种应用方式:一种使用canvas解析本站图片中的二维码,canvas有同源策略限制,只能处理本站图片。另一种处理文件选择中的图片二维码。 第一种使用场景可以换成像微信中一样,长按图片识别二维 ...
同步发布:https://blog.jijian.link/2020-04-15/css-img-after-placeholder/ 如图: 图片加载失败了,在浏览器会默认显示一张破图。受各 ...
不废话,上代码: 以上是从一个微信分享里面看到的,觉得很牛逼,扒了一下源码,未深入研究,有兴趣可以研究一下腾讯的X5内核。 ...
运用contenteditable实现输入框高度自动增加,输入框标题name相对高度自动居中,代码如下: 美中不足之处,contenteditable属性模拟的输入框是可以输入HTML ...